<template>

  <ul class="playLists-area">
    <li class="playlist-card-find" v-for="(data, index) in vPlayListsArr" @click="jumpPlayListsDetail(data.id)" :key="index">
      <img v-lazy="data.picUrl+ '?param=200y200'" lazy="loading">
      <h2 style="-webkit-box-orient: vertical;">{{data.name}}</h2>
    </li>
  </ul>
</template>

<script>
export default {
	data() {
		return {

		};
	},
	props: {
		vPlayListsArr: {
			type: Array,
			default: []
		}
	},
	mounted() {
		console.log(this.vPlayListsArr);
	},
	methods: {
		jumpPlayListsDetail(arg) {
			this.$emit('connect', arg);
		}
	}
};
</script>